<template>
<div class="right-side-block">
  <SideBlockNewNTGLXX></SideBlockNewNTGLXX>
  <SideBlockNewZW></SideBlockNewZW>
  <SideBlockNewCL></SideBlockNewCL>
</div>
</template>

<script>
import SideBlockNewNTGLXX from "@/components/baseSideBlock/item/SideBlockNewNTGLXX.vue";
import SideBlockNewZW from "@/components/baseSideBlock/item/SideBlockNewZW.vue";
import SideBlockNewCL from "@/components/baseSideBlock/item/SideBlockNewCL.vue";

export default {
    name: "RightSideBlock",
    components: {
      SideBlockNewCL,
      SideBlockNewZW,
      SideBlockNewNTGLXX

    },
    data() {
        return {}
    },
    created() {},
    mounted() {},
    watch: {},
    computed: {},
    methods: {

    },
}
</script>

<style lang="scss" scoped>
.right-side-block {
    width: 23%;
    background:
    linear-gradient(90deg, rgba(9, 26, 57, 0) 0%,
      rgba(9, 26, 57, 0.3) 14%,
      rgba(9, 26, 57, 0.9) 100%);
    position: fixed;
    padding: 30px 13px 0 0;
    z-index: 100;
    height: 100vh;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
</style>
